<template>
    <div class="template-form-Lu">
        <a-modal
            title="科室预算申报计划填写"
            :visible="visible"
            :maskClosable="false"
            :closable="true"
            :destroyOnClose="true"
            width="100%"
            :dialog-style="{ margin: '0 auto' }"
            wrapClassName="budgetDeclaration-department-fullmodal"
            @cancel="closeVisible">
            <div class="budgetDeclaration-department-div-box">
                <div class="tabs-card-edit-box">
                    <a-tabs type="card" v-model:activeKey="summaryActiveKey" @change="summaryActiveChange">
                        <a-tab-pane key="预算申报计划" tab="预算申报计划"></a-tab-pane>
                        <a-tab-pane key="绩效申报计划" tab="绩效申报计划"></a-tab-pane>
                        <a-tab-pane key="流转记录" tab="流转记录"></a-tab-pane>
                    </a-tabs>
                </div>
                <div v-if="!isView" class="tab-box-v1">
                    <div v-if="summaryActiveKey == '预算申报计划'" style="width: 95%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <a-form :form="form" ref="form" class="budgetDeclaration-department-form-box">
                                <a-collapse v-model:activeKey="collapseActiveKeyArr" class="tabs-collapse-box">
                                    <a-collapse-panel key="1" header="预算资金支出计划">
                                        <div style="width: 80%;margin: 0 auto;">
                                            <a-descriptions title="支出项目分类" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        差旅费
                                                    </span>
                                                    <a-form-item ref="fzcxmflclf" prop="fzcxmflclf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.fzcxmflclf"
                                                            @blur="onSave({ fzcxmflclf: formState.fzcxmflclf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmflclf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        劳务费
                                                    </span>
                                                    <a-form-item ref="fzcxmfllwf" prop="fzcxmfllwf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.fzcxmfllwf"
                                                            @blur="onSave({ fzcxmfllwf: formState.fzcxmfllwf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmfllwf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        课题经费
                                                    </span>
                                                    <a-form-item ref="fzcxmflktjf" prop="fzcxmflktjf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.fzcxmflktjf"
                                                            @blur="onSave({ fzcxmflktjf: formState.fzcxmflktjf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmflktjf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        印刷费
                                                    </span>
                                                    <a-form-item ref="fzcxmflysf" prop="fzcxmflysf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.fzcxmflysf"
                                                            @blur="onSave({ fzcxmflysf: formState.fzcxmflysf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmflysf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        培训费
                                                    </span>
                                                    <a-form-item ref="fzcxmflpxf" prop="fzcxmflpxf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.fzcxmflpxf"
                                                            @blur="onSave({ fzcxmflpxf: formState.fzcxmflpxf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmflpxf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        其他
                                                    </span>
                                                    <a-form-item ref="fzcxmflqt" prop="fzcxmflqt" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.fzcxmflqt"
                                                            @blur="onSave({ fzcxmflqt: formState.fzcxmflqt })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.fzcxmflqt }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        合&emsp;&emsp;计
                                                    </span>
                                                    <a-form-item ref="xmje" prop="xmje" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            placeholder="自动计算"
                                                            :disabled="true"
                                                            v-model="formState.xmje"
                                                            @blur="onSave({ xmje: formState.xmje })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.xmje }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="其他" bordered style="width: 100%;">
                                                <a-descriptions-item :span="3">
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        社会经济效益
                                                    </span>
                                                    <a-form-item ref="shjjxy" prop="shjjxy" class="zm-form-model">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="formState.shjjxy"
                                                            placeholder="请输入社会经济效益:"
                                                            @blur="onSave({ shjjxy: formState.shjjxy })"
                                                            :auto-size="{ minRows: 2}"
                                                            v-decorator="[
                                                                'shjjxy', {initialValue:formState.shjjxy,rules: rules.shjjxy}]"/>
                                                        <span v-else>{{ formState.shjjxy }}</span>
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item :span="3">
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        其他-具体经济科目名称
                                                    </span>
                                                    <a-form-item ref="fzcxmflqtmc" prop="fzcxmflqtmc" class="zm-form-model">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="formState.fzcxmflqtmc"
                                                            placeholder="请输入具体经济科目名称:"
                                                            @blur="onSave({ fzcxmflqtmc: formState.fzcxmflqtmc })"
                                                            :auto-size="{ minRows: 2}"
                                                            v-decorator="[
                                                                'fzcxmflqtmc', {initialValue:formState.fzcxmflqtmc,rules: rules.fzcxmflqtmc}]"/>
                                                        <span v-else>{{ formState.fzcxmflqtmc }}</span>
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item :span="3">
                                                    <span slot="label" class="descriptions-label-slot">
                                                        备注
                                                    </span>
                                                    <a-form-item ref="bz" prop="bz" class="zm-form-model">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="formState.bz"
                                                            placeholder="请输入备注:"
                                                            @blur="onSave({ bz: formState.bz })"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ formState.bz }}</span>
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="资金支出计划-支出金额（差旅费）" :column="2" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第一季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhyjdclf" prop="zjzcjhyjdclf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhyjdclf"
                                                            @blur="onSave({ zjzcjhyjdclf: formState.zjzcjhyjdclf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhyjdclf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第二季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhejdclf" prop="zjzcjhejdclf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhejdclf"
                                                            @blur="onSave({ zjzcjhejdclf: formState.zjzcjhejdclf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhejdclf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第三季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsjdclf" prop="zjzcjhsjdclf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsjdclf"
                                                            @blur="onSave({ zjzcjhsjdclf: formState.zjzcjhsjdclf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsjdclf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第四季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsijdclf" prop="zjzcjhsijdclf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsijdclf"
                                                            @blur="onSave({ zjzcjhsijdclf: formState.zjzcjhsijdclf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsijdclf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="资金支出计划-支出金额（劳务费）" :column="2" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第一季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhyjdlwf" prop="zjzcjhyjdlwf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhyjdlwf"
                                                            @blur="onSave({ zjzcjhyjdlwf: formState.zjzcjhyjdlwf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhyjdlwf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第二季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhejdlwf" prop="zjzcjhejdlwf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhejdlwf"
                                                            @blur="onSave({ zjzcjhejdlwf: formState.zjzcjhejdlwf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhejdlwf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第三季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsjdlwf" prop="zjzcjhsjdlwf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsjdlwf"
                                                            @blur="onSave({ zjzcjhsjdlwf: formState.zjzcjhsjdlwf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsjdlwf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第四季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsijdlwf" prop="zjzcjhsijdlwf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsijdlwf"
                                                            @blur="onSave({ zjzcjhsijdlwf: formState.zjzcjhsijdlwf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsijdlwf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="资金支出计划-印刷费" :column="2" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第一季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhyjdysf" prop="zjzcjhyjdysf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhyjdysf"
                                                            @blur="onSave({ zjzcjhyjdysf: formState.zjzcjhyjdysf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhyjdysf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第二季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhejdysf" prop="zjzcjhejdysf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhejdysf"
                                                            @blur="onSave({ zjzcjhejdysf: formState.zjzcjhejdysf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhejdysf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第三季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsjdysf" prop="zjzcjhsjdysf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsjdysf"
                                                            @blur="onSave({ zjzcjhsjdysf: formState.zjzcjhsjdysf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsjdysf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第四季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsijdysf" prop="zjzcjhsijdysf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsijdysf"
                                                            @blur="onSave({ zjzcjhsijdysf: formState.zjzcjhsijdysf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsijdysf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="资金支出计划-培训费" :column="2" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第一季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhyjdpxf" prop="zjzcjhyjdpxf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhyjdpxf"
                                                            @blur="onSave({ zjzcjhyjdpxf: formState.zjzcjhyjdpxf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhyjdpxf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第二季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhejdpxf" prop="zjzcjhejdpxf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhejdpxf"
                                                            @blur="onSave({ zjzcjhejdpxf: formState.zjzcjhejdpxf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhejdpxf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第三季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsjdpxf" prop="zjzcjhsjdpxf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsjdpxf"
                                                            @blur="onSave({ zjzcjhsjdpxf: formState.zjzcjhsjdpxf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsjdpxf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第四季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsijdpxf" prop="zjzcjhsijdpxf" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsijdpxf"
                                                            @blur="onSave({ zjzcjhsijdpxf: formState.zjzcjhsijdpxf })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsijdpxf }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                            <a-descriptions title="资金支出计划-其他" :column="2" bordered style="width: 100%;">
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第一季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhyjdzcje" prop="zjzcjhyjdzcje" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhyjdzcje"
                                                            @blur="onSave({ zjzcjhyjdzcje: formState.zjzcjhyjdzcje })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhyjdzcje }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第二季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhejdzcje" prop="zjzcjhejdzcje" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhejdzcje"
                                                            @blur="onSave({ zjzcjhejdzcje: formState.zjzcjhejdzcje })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhejdzcje }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第三季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsjdzcje" prop="zjzcjhsjdzcje" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsjdzcje"
                                                            @blur="onSave({ zjzcjhsjdzcje: formState.zjzcjhsjdzcje })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsjdzcje }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                                <a-descriptions-item>
                                                    <span slot="label" class="descriptions-label-slot">
                                                        <span class="xhText" v-if="linkName == '填写'">*</span>
                                                        第四季度
                                                    </span>
                                                    <a-form-item ref="zjzcjhsijdzcje" prop="zjzcjhsijdzcje" class="zm-form-model">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="formState.zjzcjhsijdzcje"
                                                            @blur="onSave({ zjzcjhsijdzcje: formState.zjzcjhsijdzcje })"
                                                            :min="0"/>
                                                        <span v-else>{{ formState.zjzcjhsijdzcje }}</span>
                                                            万元
                                                    </a-form-item>
                                                </a-descriptions-item>
                                            </a-descriptions>
                                        </div>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="2" header="项目依据（必填）">
                                        <a-spin :spinning="xmyjSpinning">
                                            <vxe-toolbar v-if="!isView">
                                                <template #buttons>
                                                    <vxe-button status="primary" @click="xmyjAddFuntion">新增</vxe-button>
                                                </template>
                                                <template #tools>
                                                    <vxe-button icon="vxe-icon-repeat" @click="getXmyj(formState.id,'1')"></vxe-button>
                                                </template>
                                            </vxe-toolbar>
                                            <vxe-table
                                                border
                                                stripe
                                                show-overflow
                                                :column-config="{resizable: true}"
                                                :row-config="{height: !isView?120:'auto'}"
                                                :data="xmyjTableData">
                                                <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                <vxe-column title="审评名称" width="200" align="center">
                                                    <!-- <template #default="{ row }">
                                                        <a-select v-if="!isView" v-model="row.fjcfl" style="width: 100%" @change="bmyssbEditXmyjFuntion({fjcfl:row.fjcfl,id:row.id})">
                                                            <a-select-option v-for="(item,index) in xmyjType" :value="item.value" :key="index">
                                                                {{ item.label }}
                                                            </a-select-option>
                                                        </a-select>
                                                        <span v-else>{{ row.fjcfl }}</span>
                                                    </template> -->
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fjcfl"
                                                            placeholder="请输入审评名称:"
                                                            @blur="bmyssbEditXmyjFuntion({fjcfl:row.fjcfl,id:row.id})"
                                                            :auto-size="{ minRows: 4}"
                                                            />
                                                        <span v-else>{{ row.fjcfl }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="依据内容" align="center">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fjcff"
                                                            placeholder="请输入项目依据:"
                                                            @blur="bmyssbEditXmyjFuntion({fjcff:row.fjcff,id:row.id})"
                                                            :auto-size="{ minRows: 4}"
                                                            />
                                                        <span v-else>{{ row.fjcff }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="附件" align="center">
                                                    <template #default="{ row }">
                                                        <uploadFilesList
                                                            :key="row.id"
                                                            :ref="'uploadFilesList' + row.id"
                                                            :config="uploadFilesListConfig"
                                                            :heigth="120"
                                                            style="margin-top:10px;"
                                                            :filesFormState="{id: row.id}"/>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column  v-if="!isView" title="" width="50" align="center">
                                                    <template #default="{ row }">
                                                        <a-icon type="delete" style="color:red;font-size: 18px;" @click="xmyjDeleteFuntion(row.id)"/>
                                                    </template>
                                                </vxe-column>
                                            </vxe-table>
                                        </a-spin>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="3" header="项目内容-审评">
                                        <a-spin :spinning="xmnrSpinning">
                                            <vxe-toolbar v-if="!isView">
                                                <template #buttons>
                                                    <vxe-button v-if="formState.fsqks !== '药品注册审评查验科'" status="primary" @click="xmnrAddFuntion('审评','')" icon="vxe-icon-add">新增</vxe-button>
                                                    <vxe-button v-if="formState.fsqks == '药品注册审评查验科'" status="primary" @click="xmnrAddFuntion('审评','药品')" icon="vxe-icon-add">药品</vxe-button>
                                                    <vxe-button v-if="formState.fsqks == '药品注册审评查验科'" status="primary" @click="xmnrAddFuntion('审评','临床')" icon="vxe-icon-add">临床</vxe-button>
                                                </template>
                                                <template #tools>
                                                    <vxe-button icon="vxe-icon-repeat" @click="getXmnr(formState.id,'1')"></vxe-button>
                                                </template>
                                            </vxe-toolbar>
                                            <vxe-table
                                                stripe
                                                border
                                                show-overflow
                                                :data="xmnrTableDataJc"
                                                :row-config="{height: 70}"
                                                :column-config="{resizable: true}">
                                                <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                <vxe-column v-if="formState.fsqks == '药品注册审评查验科'" field="lxs" title="类型" width="70" align="center"></vxe-column>
                                                <vxe-column title="审评名称" align="center" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.jcmc"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({jcmc:row.jcmc,id:row.id})"
                                                            :auto-size="{ minRows: 1}"
                                                            />
                                                        <span v-else>{{ row.jcmc }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="执行时间" align="center" width="130">
                                                    <template #default="{ row }">
                                                        <a-month-picker
                                                            v-if="!isView"
                                                            v-model="row.fjcxmzxsj"
                                                            @change="zxsjOnChange($event,{fjcxmzxsj: '',id:row.id},'fjcxmzxsj')" />
                                                        <span v-else>{{ row.fjcxmzxsj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="审评组数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.jcjzsl"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({jcjzsl:row.jcjzsl,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.jcjzsl }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="每家/组人数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.mjzrs"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({mjzrs:row.mjzrs,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.mjzrs }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="每家/组天数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.mjzts"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({mjzts:row.mjzts,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.mjzts }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="差旅费补助金额" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.clfbz"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({clfbz:row.clfbz,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.clfbz }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="住宿天数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fszts"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fszts:row.fszts,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fszts }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="住宿费补助金额" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.zxfbz"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({zxfbz:row.zxfbz,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.zxfbz }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="交通天数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fjtts"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fjtts:row.fjtts,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fjtts }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="交通费补助金额" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.jtfbz"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({jtfbz:row.jtfbz,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.jtfbz }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="差旅费小计金额" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fclfhj"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fclfhj:row.fclfhj,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fclfhj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="劳务天数" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.flwts"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({flwts:row.flwts,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.flwts }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="劳务人次" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.flwrc"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({flwrc:row.flwrc,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.flwrc }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="劳务费小计" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.flwfhj"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({flwfhj:row.flwfhj,id:row.id})"
                                                            />
                                                            <span v-else>{{ row.flwfhj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column v-if="!isView" title="" width="50" align="center">
                                                    <template #default="{ row }">
                                                        <a-icon type="delete" style="color:red;font-size: 18px;" @click="xmnrDeleteFuntion(row.id)"/>
                                                    </template>
                                                </vxe-column>
                                            </vxe-table>
                                        </a-spin>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="4" header="项目内容-课题">
                                        <a-spin :spinning="xmnrSpinning">
                                            <vxe-toolbar v-if="!isView">
                                                <template #buttons>
                                                    <vxe-button status="primary" @click="xmnrAddFuntion('课题','')" icon="vxe-icon-add">新增</vxe-button>
                                                </template>
                                                <template #tools>
                                                    <vxe-button icon="vxe-icon-repeat" @click="getXmnr(formState.id,'1')"></vxe-button>
                                                </template>
                                            </vxe-toolbar>
                                            <vxe-table
                                                stripe
                                                border
                                                :row-config="{height: !isView?120:'auto'}"
                                                show-overflow
                                                :data="xmnrTableDataKt">
                                                <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                <vxe-column title="课题名称" align="center">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fktmc"
                                                            placeholder="请输入课题名称:"
                                                            @blur="bmyssbEditXmnrFuntion({fktmc:row.fktmc,id:row.id})"
                                                            :auto-size="{ minRows: 4}"
                                                        />
                                                        <span v-else>{{ row.fktmc }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="执行时间" align="center" width="130">
                                                    <template #default="{ row }">
                                                        <a-month-picker
                                                            v-if="!isView"
                                                            v-model="row.fktxmzxsj"
                                                            @change="zxsjOnChange($event,{fktxmzxsj: '',id:row.id},'fktxmzxsj')" />
                                                        <span v-else>{{ row.fktxmzxsj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="课题经费" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fktjf"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fktjf:row.fktjf,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fktjf }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="课题负责人" align="center">
                                                    <template #default="{ row }">
                                                        <a-input
                                                            v-if="!isView"
                                                            v-model="row.fktfzr"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fktfzr:row.fktfzr,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fktfzr }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="课题负责科室" align="center">
                                                    <template #default="{ row }">
                                                        <span>{{ row.fktfzks }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="课题委托单位/公司" align="center">
                                                    <template #default="{ row }">
                                                        <a-input
                                                            v-if="!isView"
                                                            v-model="row.fzfdxjglx"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fzfdxjglx:row.fzfdxjglx,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fzfdxjglx }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="附件" align="center">
                                                    <template #default="{ row }">
                                                        <uploadFilesList
                                                            :key="row.id"
                                                            :ref="'uploadFilesList' + row.id"
                                                            :config="uploadFilesListConfig"
                                                            :heigth="120"
                                                            style="margin-top:10px;"
                                                            :filesFormState="{id: row.id}"/>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column v-if="!isView" title="" width="50" align="center">
                                                    <template #default="{ row }">
                                                        <a-icon type="delete" style="color:red;font-size: 18px;" @click="xmyjDeleteFuntion(row.id)"/>
                                                    </template>
                                                </vxe-column>
                                            </vxe-table>
                                        </a-spin>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="5" header="项目内容-印刷">
                                        <a-spin :spinning="xmnrSpinning">
                                            <vxe-toolbar v-if="!isView">
                                                <template #buttons>
                                                    <vxe-button status="primary" @click="xmnrAddFuntion('印刷','')" icon="vxe-icon-add">新增</vxe-button>
                                                </template>
                                                <template #tools>
                                                    <vxe-button icon="vxe-icon-repeat" @click="getXmnr(formState.id,'1')"></vxe-button>
                                                </template>
                                            </vxe-toolbar>
                                            <vxe-table
                                                stripe
                                                border
                                                show-overflow
                                                :data="xmnrTableDataYs">
                                                <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                <vxe-column title="执行时间" align="center" width="130">
                                                    <template #default="{ row }">
                                                        <a-month-picker
                                                            v-if="!isView"
                                                            v-model="row.fysxmzxsj"
                                                            @change="zxsjOnChange($event,{fysxmzxsj: '',id:row.id},'fysxmzxsj')" />
                                                        <span v-else>{{ row.fysxmzxsj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="印刷内容" align="center">
                                                    <template #default="{ row }">
                                                        <a-input
                                                            v-if="!isView"
                                                            v-model="row.fsbmc"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fsbmc:row.fsbmc,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fsbmc }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="数量" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fsbsl"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fsbsl:row.fsbsl,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fsbsl }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="单价" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fmbqs"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fmbqs:row.fmbqs,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fmbqs }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="合计" align="center">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fyzhj"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fyzhj:row.fyzhj,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fyzhj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column v-if="!isView" title="" width="50" align="center">
                                                    <template #default="{ row }">
                                                        <a-icon type="delete" style="color:red;font-size: 18px;" @click="xmyjDeleteFuntion(row.id)"/>
                                                    </template>
                                                </vxe-column>
                                            </vxe-table>
                                        </a-spin>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="6" header="项目内容-培训">
                                        <a-spin :spinning="xmnrSpinning">
                                            <vxe-toolbar v-if="!isView">
                                                <template #buttons>
                                                    <vxe-button status="primary" @click="xmnrAddFuntion('培训','')" icon="vxe-icon-add">新增</vxe-button>
                                                </template>
                                                <template #tools>
                                                    <vxe-button icon="vxe-icon-repeat" @click="getXmnr(formState.id,'1')"></vxe-button>
                                                </template>
                                            </vxe-toolbar>
                                            <vxe-table
                                                stripe
                                                border
                                                show-overflow
                                                :row-config="{height: 70}"
                                                :data="xmnrTableDataPx">
                                                <vxe-column type="seq" title="序号" width="50" align="center" fixed="left"></vxe-column>
                                                <vxe-column title="培训班名称 " align="center" fixed="left" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fpxmc"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxmc:row.fpxmc,id:row.id})"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ row.fpxmc }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="执行时间" align="center" width="130">
                                                    <template #default="{ row }">
                                                        <a-month-picker
                                                            v-if="!isView"
                                                            v-model="row.fpxxmzxsj"
                                                            @change="zxsjOnChange($event,{fpxxmzxsj: '',id:row.id},'fpxxmzxsj')" />
                                                        <span v-else>{{ row.fpxxmzxsj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训内容" align="center" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fpxnr"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxnr:row.fpxnr,id:row.id})"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ row.fpxnr }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训对象" align="center" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fpxdx"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxdx:row.fpxdx,id:row.id})"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ row.fpxdx }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训地点 " align="center" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fpxdd"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxdd:row.fpxdd,id:row.id})"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ row.fpxdd }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训人数" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fpxrs"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxrs:row.fpxrs,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fpxrs }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训天数" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fpxts"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxts:row.fpxts,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fpxts }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="培训费用" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fpxfy"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fpxfy:row.fpxfy,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fpxfy }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="学时/天" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fxst"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fxst:row.fxst,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fxst }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="正高学时/天" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.fzgxs"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fzgxs:row.fzgxs,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fzgxs }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="正高费用" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fzgfy"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fzgfy:row.fzgfy,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fzgfy }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="副高学时/天" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            v-model="row.ffgxs"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({ffgxs:row.ffgxs,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.ffgxs }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="副高费用" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.ffgfy"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({ffgfy:row.ffgfy,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.ffgfy }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="授课费" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fskf"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fskf:row.fskf,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fskf }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="小计" align="center" width="100">
                                                    <template #default="{ row }">
                                                        <a-input-number
                                                            v-if="!isView"
                                                            :disabled="true"
                                                            v-model="row.fpxskxj"
                                                            placeholder="自动计算"
                                                            @blur="bmyssbEditXmnrFuntion({fpxskxj:row.fpxskxj,id:row.id})"
                                                            />
                                                        <span v-else>{{ row.fpxskxj }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column title="备注 " align="center" width="200">
                                                    <template #default="{ row }">
                                                        <a-textarea
                                                            v-if="!isView"
                                                            v-model="row.fpxbz"
                                                            placeholder=""
                                                            @blur="bmyssbEditXmnrFuntion({fpxbz:row.fpxbz,id:row.id})"
                                                            :auto-size="{ minRows: 2}"
                                                            />
                                                        <span v-else>{{ row.fpxbz }}</span>
                                                    </template>
                                                </vxe-column>
                                                <vxe-column v-if="!isView" title="" width="50" align="center" fixed="right">
                                                    <template #default="{ row }">
                                                        <a-icon type="delete" style="color:red;font-size: 18px;" @click="xmyjDeleteFuntion(row.id)"/>
                                                    </template>
                                                </vxe-column>
                                            </vxe-table>
                                        </a-spin>
                                    </a-collapse-panel>
                                </a-collapse>
                            </a-form>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '绩效申报计划'" style="width: 95%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <a-form :form="form" ref="form" class="budgetDeclaration-department-form-box">
                                <a-collapse v-model:activeKey="performanceKeyArr" class="tabs-collapse-box">
                                    <a-collapse-panel :header="'绩效申报-'+item.flx" v-for="(item,index) in performanceList" :key="(index+1).toString()">
                                        <a-descriptions title="项目支出绩效目标申报表" :column="2" bordered style="width: 100%;">
                                            <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    支出项目
                                                </span>
                                                <a-form-item ref="fzcxm" prop="fzcxm" class="zm-form-model">
                                                    {{ item.fzcxm }}
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <!-- <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    项目实施单位
                                                </span>
                                                <a-form-item ref="fxmssdw" prop="fxmssdw" class="zm-form-model">
                                                    <a-input
                                                        v-if="!isView"
                                                        v-model="item.fxmssdw"
                                                        @blur="performanceSave({ id: item.id, fxmssdw: item.fxmssdw })"/>
                                                    <span v-else>{{ item.fxmssdw }}</span>
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    项目主管单位
                                                </span>
                                                <a-form-item ref="fxmzgdw" prop="fxmzgdw" class="zm-form-model">
                                                    <a-input
                                                        v-if="!isView"
                                                        v-model="item.fxmzgdw"
                                                        @blur="performanceSave({ id: item.id, fxmzgdw: item.fxmzgdw })"/>
                                                    <span v-else>{{ item.fxmzgdw }}</span>
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    项目属性
                                                </span>
                                                <a-form-item ref="fxmsx" prop="fxmsx" class="zm-form-model">
                                                    <a-input
                                                        v-if="!isView"
                                                        v-model="item.fxmsx"
                                                        @blur="performanceSave({ id: item.id, fxmsx: item.fxmsx })"/>
                                                    <span v-else>{{ item.fxmsx }}</span>

                                                </a-form-item>
                                            </a-descriptions-item>
                                            <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    资金来源
                                                </span>
                                                <a-form-item ref="fzjzezjly" prop="fzjzezjly" class="zm-form-model">
                                                    <a-input
                                                        v-if="!isView"
                                                        v-model="item.fzjzezjly"
                                                        @blur="performanceSave({ id: item.id, fzjzezjly: item.fzjzezjly })"/>
                                                    <span v-else>{{ item.fzjzezjly }}</span>

                                                </a-form-item>
                                            </a-descriptions-item> -->
                                            <a-descriptions-item>
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    金额(万元)
                                                </span>
                                                <a-form-item ref="fzjzeje" prop="fzjzeje" class="zm-form-model">
                                                    <a-input-number
                                                        v-if="!isView"
                                                        v-model="item.fzjzeje"
                                                        @blur="performanceSave({ id: item.id, fzjzeje: item.fzjzeje })"
                                                        :min="0"/>
                                                    <span v-else>{{ item.fzjzeje }}</span>
                                                        万元
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <a-descriptions-item :span="2">
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    项目实施进度安排
                                                </span>
                                                <a-form-item ref="fxmssjdap" prop="fxmssjdap" class="zm-form-model">
                                                    <a-textarea
                                                        v-if="!isView"
                                                        v-model="item.fxmssjdap"
                                                        placeholder="请输入项目实施进度安排:"
                                                        @blur="performanceSave({ id: item.id, fxmssjdap: item.fxmssjdap })"
                                                        :auto-size="{ minRows: 2}"/>
                                                    <span v-else>{{ item.fxmssjdap }}</span>
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <!-- <a-descriptions-item :span="2">
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    总体绩效目标
                                                </span>
                                                <a-form-item ref="fztjxmb" prop="fztjxmb" class="zm-form-model">
                                                    <a-textarea
                                                        v-if="!isView"
                                                        v-model="item.fztjxmb"
                                                        placeholder="请输入总体绩效目标:"
                                                        @blur="performanceSave({ id: item.id, fztjxmb: item.fztjxmb })"
                                                        :auto-size="{ minRows: 2}"/>
                                                    <span v-else>{{ item.fztjxmb }}</span>

                                                </a-form-item>
                                            </a-descriptions-item> -->
                                            <a-descriptions-item :span="2">
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    年度绩效目标
                                                </span>
                                                <a-form-item ref="fndjxmb" prop="fndjxmb" class="zm-form-model">
                                                    <a-textarea
                                                        v-if="!isView"
                                                        v-model="item.fndjxmb"
                                                        placeholder="请输入年度绩效目标:"
                                                        @blur="performanceSave({ id: item.id, fndjxmb: item.fndjxmb })"
                                                        :auto-size="{ minRows: 2}"/>
                                                    <span v-else>{{ item.fndjxmb }}</span>
                                                </a-form-item>
                                            </a-descriptions-item>
                                            <!-- <a-descriptions-item :span="2">
                                                <span slot="label" class="descriptions-label-slot">
                                                    <span class="xhText" v-if="linkName == '填写'">*</span>
                                                    中期绩效目标
                                                </span>
                                                <a-form-item ref="fzqjxmb" prop="fzqjxmb" class="zm-form-model">
                                                    <a-textarea
                                                        v-if="!isView"
                                                        v-model="item.fzqjxmb"
                                                        placeholder="请输入中期绩效目标:"
                                                        @blur="performanceSave({ id: item.id, fzqjxmb: item.fzqjxmb })"
                                                        :auto-size="{ minRows: 2}"/>
                                                    <span v-else>{{ item.fzqjxmb }}</span>
                                                </a-form-item>
                                            </a-descriptions-item> -->
                                        </a-descriptions>
                                        <div class="performance-table">
                                            <div class="performance-table-title">绩效指标-产出指标</div>
                                            <div class="performance-table-body">
                                                <vxe-toolbar v-if="!isView">
                                                    <template #buttons>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'产出指标','数量指标')" icon="vxe-icon-add">数量指标</vxe-button>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'产出指标','质量指标')" icon="vxe-icon-add">质量指标</vxe-button>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'产出指标','时效指标')" icon="vxe-icon-add">时效指标</vxe-button>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'产出指标','成本指标')" icon="vxe-icon-add">成本指标</vxe-button>
                                                    </template>
                                                    <template #tools>
                                                        <vxe-button icon="vxe-icon-repeat" @click="getbmyssbListjxzb(item.id,'1')"></vxe-button>
                                                    </template>
                                                </vxe-toolbar>
                                                <vxe-table
                                                    stripe
                                                    border
                                                    show-overflow
                                                    :key="jxTableKey"
                                                    :row-config="{height: 70}"
                                                    :data="gettableList(index,'performancetable1')">
                                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                    <vxe-column title="二级指标" field="fejzblx" width="100" align="center"></vxe-column>
                                                    <vxe-column title="三级指标 " align="center">
                                                        <template #default="{ row }">
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fsjzb"
                                                                placeholder="请输入三级指标"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 2}"
                                                                />
                                                            <span v-else>{{ row.fsjzb }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column title="指标值 " align="center">
                                                        <template #default="{ row }">
                                                            <div style="text-align: left;">
                                                                <span>常用字符：</span>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≧')" size="small" style="margin: 0 8px;color: #2F54EB;">≧</a-button>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≦')" size="small" style="color: #2F54EB;">≦</a-button>
                                                            </div>
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fzbz"
                                                                placeholder="请输入指标值"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 1}"
                                                                />
                                                            <span v-else>{{ row.fzbz }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column v-if="!isView" title="" width="50" align="center" fixed="right">
                                                        <template #default="{ row }">
                                                            <a-icon type="delete" style="color:red;font-size: 18px;" @click="performancetableDel(row.id,item.id)"/>
                                                        </template>
                                                    </vxe-column>
                                                </vxe-table>
                                            </div>
                                        </div>
                                        <div class="performance-table">
                                            <div class="performance-table-title">绩效指标-效益指标</div>
                                            <div class="performance-table-body">
                                                <vxe-toolbar v-if="!isView">
                                                    <template #buttons>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'效益指标','社会效益指标')" icon="vxe-icon-add">社会效益指标</vxe-button>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'效益指标','可持续影响指标')" icon="vxe-icon-add">可持续影响指标</vxe-button>
                                                    </template>
                                                    <template #tools>
                                                        <vxe-button icon="vxe-icon-repeat" @click="getbmyssbListjxzb(item.id,'1')"></vxe-button>
                                                    </template>
                                                </vxe-toolbar>
                                                <vxe-table
                                                    stripe
                                                    border
                                                    show-overflow
                                                    :row-config="{height: 70}"
                                                    :data="gettableList(index,'performancetable2')">
                                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                    <vxe-column title="二级指标" field="fejzblx" width="200" align="center"></vxe-column>
                                                    <vxe-column title="三级指标 " align="center">
                                                        <template #default="{ row }">
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fsjzb"
                                                                placeholder="请输入三级指标"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 2}"
                                                                />
                                                            <span v-else>{{ row.fsjzb }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column title="指标值 " align="center">
                                                        <template #default="{ row }">
                                                            <div style="text-align: left;">
                                                                <span>常用字符：</span>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≧')" size="small" style="margin: 0 8px;color: #2F54EB;">≧</a-button>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≦')" size="small" style="color: #2F54EB;">≦</a-button>
                                                            </div>
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fzbz"
                                                                placeholder="请输入指标值"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 1}"
                                                                />
                                                            <span v-else>{{ row.fzbz }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column v-if="!isView" title="" width="50" align="center" fixed="right">
                                                        <template #default="{ row }">
                                                            <a-icon type="delete" style="color:red;font-size: 18px;" @click="performancetableDel(row.id,item.id)"/>
                                                        </template>
                                                    </vxe-column>
                                                </vxe-table>
                                            </div>
                                        </div>
                                        <div class="performance-table">
                                            <div class="performance-table-title">绩效指标-满意度指标</div>
                                            <div class="performance-table-body">
                                                <vxe-toolbar v-if="!isView">
                                                    <template #buttons>
                                                        <vxe-button status="primary" @click="performancetableAdd(item.id,item.flx,'满意度指标','服务对象满意度指标')" icon="vxe-icon-add">服务对象满意度指标</vxe-button>
                                                    </template>
                                                    <template #tools>
                                                        <vxe-button icon="vxe-icon-repeat" @click="getbmyssbListjxzb(item.id,'1')"></vxe-button>
                                                    </template>
                                                </vxe-toolbar>
                                                <vxe-table
                                                    stripe
                                                    border
                                                    show-overflow
                                                    :row-config="{height: 70}"
                                                    :data="gettableList(index,'performancetable3')">
                                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                                    <vxe-column title="二级指标" field="fejzblx" width="200" align="center"></vxe-column>
                                                    <vxe-column title="三级指标 " align="center">
                                                        <template #default="{ row }">
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fsjzb"
                                                                placeholder="请输入三级指标"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 2}"
                                                                />
                                                            <span v-else>{{ row.fsjzb }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column title="指标值 " align="center">
                                                        <template #default="{ row }">
                                                            <div style="text-align: left;">
                                                                <span>常用字符：</span>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≧')" size="small" style="margin: 0 8px;color: #2F54EB;">≧</a-button>
                                                                <a-button @click="selecToftenUse(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id,'≦')" size="small" style="color: #2F54EB;">≦</a-button>
                                                            </div>
                                                            <a-textarea
                                                                v-if="!isView"
                                                                v-model="row.fzbz"
                                                                placeholder="请输入指标值"
                                                                @blur="performancetableEdit(row.fejzblx,row.fsjzb,row.fzbz,row.id,item.id)"
                                                                :auto-size="{ minRows: 1}"
                                                                />
                                                            <span v-else>{{ row.fzbz }}</span>
                                                        </template>
                                                    </vxe-column>
                                                    <vxe-column v-if="!isView" title="" width="50" align="center" fixed="right">
                                                        <template #default="{ row }">
                                                            <a-icon type="delete" style="color:red;font-size: 18px;" @click="performancetableDel(row.id,item.id)"/>
                                                        </template>
                                                    </vxe-column>
                                                </vxe-table>
                                            </div>
                                        </div>
                                        <a-icon slot="extra" type="delete" style="color:red;font-size:18px;position: unset;" @click.stop="delPerformance(item.id)"/>
                                    </a-collapse-panel>
                                </a-collapse>
                            </a-form>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '流转记录'" style="padding-top: 30px;">
                        <transferRecords
                            ref="transferRecordsRef"
                            :config="circulationDataTableConfig"/>
                    </div>
                </div>
                <div v-else class="tab-box-v1">
                    <div v-if="summaryActiveKey == '预算申报计划'" style="width: 95%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <a-form :form="form" ref="form" class="budgetDeclaration-department-form-box">
                                <a-collapse v-model:activeKey="collapseActiveKeyArr" class="tabs-collapse-box" style="width: 90%;margin: 0 auto;">
                                    <a-collapse-panel key="1" header="审评">
                                        <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 100%;">
                                            <tr>
                                                <th colspan="2" rowspan="3">科室</th>
                                                <th rowspan="3">项目</th>
                                                <th colspan="9">差旅费</th>
                                                <th colspan="4" rowspan="2">劳务费</th>
                                            </tr>
                                            <tr>
                                                <th colspan="4">差旅补助</th>
                                                <th colspan="2">住宿费</th>
                                                <th colspan="2">交通费</th>
                                                <th rowspan="2">合计</th>
                                            </tr>
                                            <tr>
                                                <th>企业数/组数</th>
                                                <th>人数</th>
                                                <th>天数</th>
                                                <th>小计</th>
                                                <th>住宿天数</th>
                                                <th>小计</th>
                                                <th>交通天数</th>
                                                <th>小计</th>
                                                <th>审评天数</th>
                                                <th>人次</th>
                                                <th>标准</th>
                                                <th>小计</th>
                                            </tr>
                                            <template v-for="(item,index) in financeList">
                                                <template v-if="item.list[0] && item.list[0].name">
                                                    <template v-for="(itema,indexa) in item.list">
                                                        <tr v-for="(itemc,indexc) in itema.list">
                                                            <th :rowspan="totalListLength(item.list) + 3" v-if="indexa == 0 && indexc == 0">{{ item.name }}</th>
                                                            <th :rowspan="itema.list.length" v-if="indexc == 0">{{ itema.name }}</th>
                                                            <td>{{ itemc.fxmmc }}</td>
                                                            <td>{{ itemc.fclbzqyszs }}</td>
                                                            <td>{{ itemc.fclbzrs }}</td>
                                                            <td>{{ itemc.fclbzts }}</td>
                                                            <td>{{ itemc.fclbzxj }}</td>
                                                            <td>{{ itemc.fzxfts }}</td>
                                                            <td>{{ itemc.fzxfxj }}</td>
                                                            <td>{{ itemc.fjtfts }}</td>
                                                            <td>{{ itemc.fjtfxj }}</td>
                                                            <td>{{ itemc.fclfhjh }}</td>
                                                            <td>{{ itemc.flwfjcts }}</td>
                                                            <td>{{ itemc.flwfrc }}</td>
                                                            <td>{{ itemc.flwfbz }}</td>
                                                            <td>{{ itemc.flwfxj }}</td>
                                                        </tr>
                                                        <tr>
                                                            <th colspan="2">小计</th>
                                                            <td>{{ getAmountData('审评',item.name,'qys',itema.name) }}</td>
                                                            <td>{{ getAmountData('审评',item.name,'clrs',itema.name) }}</td>
                                                            <td>{{ getAmountData('审评',item.name,'clts',itema.name) }}</td>
                                                            <td></td>
                                                            <td>{{ getAmountData('审评',item.name,'zsts',itema.name) }}</td>
                                                            <td></td>
                                                            <td>{{ getAmountData('审评',item.name,'jtts',itema.name) }}</td>
                                                            <td></td>
                                                            <td>{{ getAmountData('审评',item.name,'clf',itema.name) }}</td>
                                                            <td>{{ getAmountData('审评',item.name,'lwts',itema.name) }}</td>
                                                            <td>{{ getAmountData('审评',item.name,'lwrc',itema.name) }}</td>
                                                            <td></td>
                                                            <td>{{ getAmountData('审评',item.name,'lwf',itema.name) }}</td>
                                                        </tr>
                                                    </template>
                                                </template>
                                                <template v-if="item.list[0] && !item.list[0].name && item.list[0].id">
                                                    <tr v-for="(itemb,indexb) in item.list" :key="'indexb' + indexb">
                                                        <th :rowspan="item.list.length " colspan="2" v-if="indexb == 0">{{ item.name }}</th>
                                                        <td>{{ itemb.fxmmc }}</td>
                                                        <td>{{ itemb.fclbzqyszs }}</td>
                                                        <td>{{ itemb.fclbzrs }}</td>
                                                        <td>{{ itemb.fclbzts }}</td>
                                                        <td>{{ itemb.fclbzxj }}</td>
                                                        <td>{{ itemb.fzxfts }}</td>
                                                        <td>{{ itemb.fzxfxj }}</td>
                                                        <td>{{ itemb.fjtfts }}</td>
                                                        <td>{{ itemb.fjtfxj }}</td>
                                                        <td>{{ itemb.fclfhjh }}</td>
                                                        <td>{{ itemb.flwfjcts }}</td>
                                                        <td>{{ itemb.flwfrc }}</td>
                                                        <td>{{ itemb.flwfbz }}</td>
                                                        <td>{{ itemb.flwfxj }}</td>
                                                    </tr>
                                                </template>
                                            </template>
                                            <tr class="tr-zj">
                                                <th colspan="11">总计</th>
                                                <td>{{ getAmountData('审评','总计','clf') }}</td>
                                                <th colspan="3">总计</th>
                                                <td>{{ getAmountData('审评','总计','lwf') }}</td>
                                            </tr>
                                        </table>
                                        <span slot="extra">
                                            <a-icon type="printer" @click.stop="printClickYuSuanOnly('jcList',financeList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                            <a-icon type="export" @click.stop="exportClickTable('审评')" style="color:#5ca3e5;font-size:18px;"/>
                                        </span>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="2" header="课题">
                                        <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                            <tr>
                                                <th>课题负责科室</th>
                                                <th>课题名称</th>
                                                <th>课题经费</th>
                                                <th>课题负责人</th>
                                                <th>课题委托单位/公司</th>
                                            </tr>
                                            <template v-for="(item,index) in ktList" v-if="item.list.length">
                                                <tr v-for="(itemb,indexb) in item.list" :key="'kt'+index+indexb">
                                                    <th :rowspan="item.list.length " v-if="indexb == 0">{{ item.name }}</th>
                                                    <td>{{ itemb.fktmc }}</td>
                                                    <td>{{ itemb.fktjf }}</td>
                                                    <td>{{ itemb.fktfzr }}</td>
                                                    <td>{{ itemb.fktwtdw }}</td>
                                                </tr>
                                            </template>
                                            <tr class="tr-zj">
                                                <th colspan="2">总计</th>
                                                <td>{{ getAmountData('课题','总计','ktjf') }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </table>
                                        <span slot="extra">
                                            <a-icon type="printer" @click.stop="printClickYuSuanOnly('ktList',ktList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                            <a-icon type="export" @click.stop="exportClickTable('课题')" style="color:#5ca3e5;font-size:18px;"/>
                                        </span>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="3" header="印刷">
                                        <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                            <tr>
                                                <th>科室</th>
                                                <th>印刷内容</th>
                                                <th>数量</th>
                                                <th>单价</th>
                                                <th>合计</th>
                                            </tr>
                                            <template v-for="(item,index) in ysList" v-if="item.list.length">
                                                <tr v-for="(itemb,indexb) in item.list" :key="'ys'+index+indexb">
                                                    <th :rowspan="item.list.length " v-if="indexb == 0">{{ item.name }}</th>
                                                    <td>{{ itemb.fsbmc }}</td>
                                                    <td>{{ itemb.fsbsl }}</td>
                                                    <td>{{ itemb.fmbqs }}</td>
                                                    <td>{{ itemb.fyzhj }}</td>
                                                </tr>
                                            </template>
                                            <tr class="tr-zj">
                                                <th colspan="4">总计</th>
                                                <td>{{ getAmountData('印刷','总计','ysf') }}</td>
                                            </tr>
                                        </table>
                                        <span slot="extra">
                                            <a-icon type="printer" @click.stop="printClickYuSuanOnly('ysList',ysList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                            <a-icon type="export" @click.stop="exportClickTable('印刷')" style="color:#5ca3e5;font-size:18px;"/>
                                        </span>
                                    </a-collapse-panel>
                                    <a-collapse-panel key="4" header="培训">
                                        <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                            <tr>
                                                <th>科室</th>
                                                <th>培训班名称 </th>
                                                <th>培训内容 </th>
                                                <th>培训对象 </th>
                                                <th>培训地点 </th>
                                                <th>培训人数</th>
                                                <th>培训天数</th>
                                                <th>培训费用</th>
                                                <th>学时/天</th>
                                                <th>正高学时/天</th>
                                                <th>正高费用</th>
                                                <th>副高学时/天</th>
                                                <th>副高费用</th>
                                                <th>授课费</th>
                                                <th>小计</th>
                                            </tr>
                                            <template v-for="(item,index) in pxList" v-if="item.list.length">
                                                <tr v-for="(itemb,indexb) in item.list" :key="'px'+index+indexb">
                                                    <th :rowspan="item.list.length " v-if="indexb == 0">{{ item.name }}</th>
                                                    <td>{{ itemb.fpxmc }}</td>
                                                    <td>{{ itemb.fpxnr }}</td>
                                                    <td>{{ itemb.fpxdx }}</td>
                                                    <td>{{ itemb.fpxdd }}</td>
                                                    <!--  -->
                                                    <td>{{ itemb.fpxrs }}</td>
                                                    <td>{{ itemb.fpxts }}</td>
                                                    <td>{{ itemb.fpxfy }}</td>
                                                    <td>{{ itemb.fxst }}</td>
                                                    <!--  -->
                                                    <td>{{ itemb.fzgxs }}</td>
                                                    <td>{{ itemb.fzgfy }}</td>
                                                    <td>{{ itemb.ffgxs }}</td>
                                                    <td>{{ itemb.ffgfy }}</td>
                                                    <!--  -->
                                                    <td>{{ itemb.fskf }}</td>
                                                    <td>{{ itemb.fpxskxj }}</td>
                                                </tr>
                                            </template>
                                            <tr class="tr-zj">
                                                <th colspan="5">总计</th>
                                                <td>{{ getAmountData('培训','总计','pxrs') }}</td>
                                                <td></td>
                                                <td>{{ getAmountData('培训','总计','pxf') }}</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>{{ getAmountData('培训','总计','szfy') }}</td>
                                                <td>{{ getAmountData('培训','总计','pxhj') }}</td>
                                            </tr>
                                        </table>
                                        <span slot="extra">
                                            <a-icon type="printer" @click.stop="printClickYuSuanOnly('pxList',pxList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                            <a-icon type="export" @click.stop="exportClickTable('培训')" style="color:#5ca3e5;font-size:18px;"/>
                                        </span>
                                    </a-collapse-panel>
                                </a-collapse>
                            </a-form>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '绩效申报计划'" style="width: 95%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <div style="width: 95%;padding-bottom: 10px;margin: 0 auto;">
                                <a-button class="blue-btn" type="primary" @click="printJx">打印</a-button>
                            </div>
                            <table border="1" cellspacing="0" class="table-Lu color-Table-jiXiao" style="width: 95%;">
                                <tr>
                                    <th>科室</th>
                                    <th>绩效指标类型</th>
                                    <th>一级指标</th>
                                    <th>二级指标</th>
                                    <th>三级指标</th>
                                    <th>指标值</th>
                                </tr>
                                <tr v-if="jxList.length == 0">
                                    <td colspan="6">暂无数据</td>
                                </tr>
                                <template v-for="(itema,indexa) in jxList">
                                    <template v-for="(itemb,indexb) in itema.jxzbmcList">
                                        <template v-for="(itemc,indexc) in itemb.lxList">
                                            <template v-for="(itemd,indexd) in itemc.lxmcDataList">
                                                <template v-for="(itemf,indexf) in itemd.zbDataList">
                                                    <tr>
                                                        <!-- :rowspan="itema.size" v-if="indexc == 0 && indexd == 0 && indexf == 0" -->
                                                        <td class="td-itema" :rowspan="itema.size" v-if="(indexb == itema.index ) && indexc == 0 && indexd == 0 && indexf == 0">{{ itema.ksmc }}</td>
                                                        <td class="td-itemb" :rowspan="itemb.size" v-if="(indexc == itemb.index ) && indexd == 0 && indexf == 0">{{ itemb.fjssblx }}</td>
                                                        <td class="td-itemc1" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '产出指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemc2" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '效益指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemc3" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '满意度指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemd" :rowspan="itemd.zbDataList.length" v-if="indexf == 0">{{ itemd.slzb }}</td>
                                                        <td>{{ itemf.key }}</td>
                                                        <td>{{ itemf.value }}</td>
                                                    </tr>
                                                </template>
                                            </template>
                                        </template>
                                    </template>
                                </template>
                            </table>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '流转记录'" style="padding-top: 30px;">
                        <transferRecords
                            ref="transferRecordsRef"
                            :config="circulationDataTableConfig"/>
                    </div>
                </div>
            </div>
            <template slot="footer">
                <div v-if="linkName == '我的已办'">
                    <a-button class="blue-btn" @click="printClick">打印预览</a-button>
                    <a-button @click="closeVisible" class="blue-btn">关闭</a-button>
                </div>
                <div v-else-if="linkName == '填写' && !isView">
                    <a-button v-if="summaryActiveKey == '绩效申报计划'" class="orange-btn" @click="handlePerformanceModal">
                        新增绩效
                    </a-button>
                    <a-button class="green-btn" @click="standardVisible = true">
                        查看标准
                    </a-button>
                    <a-button key="back" @click="onSave(formState)">
                        保存
                    </a-button>
                    <a-button class="blue-btn" @click="onSubmit">
                        发起流程
                    </a-button>
                </div>
                <div v-else>
                    <!-- <a-button @click="returnClick" class="red-btn">退回</a-button> -->
                    <a-button class="blue-btn" @click="auditingVisible = true">填写意见</a-button>
                </div>
            </template>
        </a-modal>
        <a-modal
            title="费用标准"
            :visible="standardVisible"
            :width="600+24+24+16"
            @cancel="standardVisible = false"
            >
            <vxe-table
                stripe
                border
                show-overflow
                :data="standardTableData">
                <vxe-column field="clf" title="差旅费标准/天" width="120" align="center"></vxe-column>
                <vxe-column field="zsf" title="住宿费标准/天" width="120" align="center"></vxe-column>
                <vxe-column field="jtf" title="交通费标准/天" width="120" align="center"></vxe-column>
                <vxe-column field="lwf" title="劳务费标准/天" width="120" align="center"></vxe-column>
                <vxe-column field="pxf" title="培训费标准/天" width="120" align="center"></vxe-column>
            </vxe-table>
            <template slot="footer">
                <a-button @click="standardVisible = false" class="blue-btn">关闭</a-button>
            </template>
        </a-modal>
        <a-modal
            v-model:visible="auditingVisible"
            title="审核意见填写"
            width="60%"
            wrapClassName="internalControl-reimbursement-auditingModal-form-box">
            <a-spin :spinning="tloading">
                <div style="width: 95%;margin: 0 auto;">
                    <a-form :form="cform" ref="form" class="internalControl-reimbursement-model-form-box">
                        <a-descriptions bordered style="width: 100%;" v-if="auditingVisible">
                            <a-descriptions-item :span="3" v-if="descriptionsData('科室负责人审核').hjmc && descriptionsData('科室负责人审核').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '科室负责人审核'">*</span>
                                    科室审核
                                </span>
                                <a-form-item ref="ksfzryj" prop="ksfzryj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('科室负责人审核').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            :ref="'reviewOpinionsRef'+'ksfzryj'"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('budgetDeclaration-department',formState.ksfzryj,'ksfzryj')"
                                            v-decorator="[
                                            'ksfzryj', {initialValue:formState.ksfzryj,rules: rules.ksfzryj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.ksfzryj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="descriptionsData('科室负责人审核').url" :src="descriptionsData('科室负责人审核').url" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.ksfzrxm }}</span>
                                            <span>{{ formState.ksfzrqmsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                            <a-descriptions-item :span="3" v-if="descriptionsData('分管领导审核').hjmc && descriptionsData('分管领导审核').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '分管领导审核'">*</span>
                                    分管领导审批
                                </span>
                                <a-form-item ref="kfgldryj" prop="kfgldryj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('分管领导审核').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            :ref="'reviewOpinionsRef'+'kfgldryj'"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('budgetDeclaration-department',formState.kfgldryj,'kfgldryj')"
                                            v-decorator="[
                                            'kfgldryj', {initialValue:formState.kfgldryj,rules: rules.kfgldryj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.kfgldryj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.kfgldrid)" :src="getQmImg(formState.kfgldrid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.kfgldrxm }}</span>
                                            <span>{{ formState.kfgldryjsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                        </a-descriptions>
                    </a-form>
                </div>
            </a-spin>
            <template slot="footer">
                <a-button @click="saveClick()">保存</a-button>
                <a-button class="blue-btn" type="primary" @click="submitClick()">提交并关闭</a-button>
                <a-button class="red-btn" type="primary" @click="returnClick()">退回</a-button>
            </template>
        </a-modal>
        <a-modal
            title="新增绩效类型"
            :visible="addPerformanceTypeVisible"
            :width="600+24+24+16"
            @cancel="addPerformanceTypeVisible = false"
            >
            <div>
                <a-radio-group button-style="solid" v-model="performanceType">
                    <a-radio-button value="差旅费">
                        差旅费
                    </a-radio-button>
                    <a-radio-button value="劳务费">
                        劳务费
                    </a-radio-button>
                    <a-radio-button value="培训费">
                        培训费
                    </a-radio-button>
                    <a-radio-button value="印刷费">
                        印刷费
                    </a-radio-button>
                    <a-radio-button value="课题费">
                        课题费
                    </a-radio-button>
                </a-radio-group>
            </div>
            <template slot="footer">
                <a-button @click="addPerformanceTypeVisible = false">关闭</a-button>
                <a-button :disabled="!performanceType" @click="addPerformance" class="blue-btn">确认添加</a-button>
            </template>
        </a-modal>
        <printModal ref="printModalRef" />
    </div>
</template>
<script>
import {
    bmyssbEdit,
    //
    bmyssbAddXmyj,
    bmyssbGetXmyjList,
    bmyssbDeXmyj,
    bmyssbEditXmyj,
    //
    bmyssbAddXmnr,
    bmyssbGetXmnrList,
    bmyssbDeXmnr,
    bmyssbEditXmnr,
    pidgetlchj,
    getMoreUserSignLinkList,
    //
    bmyssbListjxsb,
    bmyssbAddjxsb,
    bmyssbDeletejxsb,
    bmyssbEditjxsb,
    bmyssbAddjxzb,
    bmyssbListjxzb,
    bmyssbEditjxzb,
    bmyssbDeletejxzb,
    //
    bmyssbInitBzFlow,
    bmyssbSaveFlow,
    bmyssbSubmitFlow,
    queryJobByJobId,
    returnUpperzdyFlowJob,
} from './service/index'
import {
    yssbHzbd,
    yssbFirstBmJs,
    yssbKthzbd,
    yssbYshzbd,
    yssbPxhzbd,
    yssbHzjxzbss,
 } from '../finance/service/index'
import transferRecords from '@/views/administrativeOffice-new/modal/transferRecords'
import uploadFilesList from '@/views/administrativeOffice-new/modal/uploadFilesList'
import assessCheckApi from './service/api.js'
import moment from 'moment'
import store from '@/store'
import printModal from '../modal/print'
import { axios } from '@/utils/request'
import YchConstant from "@/api/YchConstant";
export default {
    name: 'budgetDeclaration-department-modal',
    props: {},
    components: {
        transferRecords,
        uploadFilesList,
        printModal,
    },
    data() {
        return {
            moment:moment,
            visible: false,
            summaryActiveKey: '预算申报计划',
            circulationDataTableConfig: {
                api: assessCheckApi.bmyssbFlowJkPage,
                rowId: 'id',
                urlType: true,
                paramet:{
                    oaid: ''
                }
            },
            spinning: false,
            form:this.$form.createForm(this, { name: 'form' }),
            formState: {},
            rules:{
                shjjxy: [{
                    required: true,
                    message: '请输入社会经济效益',
                    trigger: 'blur',
                }],
                fzcxmflqtmc: [{
                    required: true,
                    message: '请输入具体经济科目名称',
                    trigger: 'blur',
                }],
                xmyj: [{
                    required: true,
                    message: '请输入项目依据',
                    trigger: 'blur',
                }],
                xmnr: [{
                    required: true,
                    message: '请输入项目内容（详细测算过程）',
                    trigger: 'blur',
                }],
            },
            uploadFilesListConfig: {
                isUpload: false,
                handleIconStyle: true
            },
            linkName: '',
            collapseActiveKeyArr:['1','2','3','4','5','6'],
            performanceKeyArr: [],
            xmyjTableData: [],
            xmnrTableData: [],
            xmyjType: [
                {
                    value: '审评',
                    label: '审评',
                },{
                    value: '课题',
                    label: '课题',
                },{
                    value: '印刷',
                    label: '印刷',
                },{
                    value: '培训',
                    label: '培训',
                },
            ],
            xmyjSpinning: false,
            xmnrSpinning: false,
            xmnrTableDataJc: [],
            xmnrTableDataKt: [],
            xmnrTableDataYs: [],
            xmnrTableDataPx: [],
            standardVisible: false,
            standardTableData: [
                {
                    clf: '180',
                    zsf: '330',
                    jtf: '200',
                    lwf: '550',
                    pxf: '400',
                },
            ],
            displayList: [],
            isView: false,
            linkName: '填写',
            auditingVisible: false,
            tloading: false,
            cform:this.$form.createForm(this, { name: 'cform' }),
            rules:{
                ksfzryj: [
                    {
                        required: true,
                        message: '请填写科室负责人审核意见',
                        trigger: 'blur',
                    }
                ],
                fjbbmshyj: [
                    {
                        required: true,
                        message: '请填写分管领导审批意见',
                        trigger: 'blur',
                    }
                ],
            },
            // 绩效
            jxTableKey: '',
            performanceList: [],
            addPerformanceTypeVisible: false,
            performanceType: '',
            performancetableList: [],
            //
            financeList: [],
            amountData: [],
            ktList: [],
            ysList: [],
            pxList: [],
            jxList: [],
            exportData: [
                {
                    type: '审评',
                    fileName: '预算申报汇总表单-审评',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcellwcl',
                },{
                    type: '课题',
                    fileName: '预算申报汇总表单-课题',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelkt',
                },{
                    type: '印刷',
                    fileName: '预算申报汇总表单-印刷',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelys',
                },{
                    type: '培训',
                    fileName: '预算申报汇总表单-培训',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelpx',
                },
            ],

        }
    },
    methods: {
        getWriteData(val,isview){
            //console.log(val)
            this.isView = isview
            this.visible = true

            this.linkName = this.isView?'我的已办':'填写'

            this.formState = val
            this.uploadFilesListConfig.isUpload =  this.isView ? false:true
            this.circulationDataTableConfig.paramet.oaid = this.formState.id
            this.getXmyj(this.formState.id)
            this.getXmnr(this.formState.id)

            // if(!this.isView){
                let data = {
                    fjhid:  this.formState.fjhid,
                    // fnd: new Date().getFullYear(),
                    flx: '汇总',
                    bm: this.formState.fsqks,
                }
                this.getyssbHzbd(data) // 审评
                this.getyssbKthzbd(data) // 课题汇总
                this.getyssbYshzbd(data) // 印刷
                this.getyssbPxhzbd(data) //培训
                this.getyssbHzjxzbss(data) //绩效
            // }
        },
        getData(val1,val2){
            //console.log(val1,val2)

            this.linkName = val1.hjmc
            this.isView = this.linkName == '填写'? false:true
            this.formState = val2
            this.formState.jobid = val1.jobMap?val1.jobMap.id:''
//console.log('77777777777770',this.uploadFilesListConfig)
            this.uploadFilesListConfig.isUpload =  this.isView ? false:true
            this.circulationDataTableConfig.paramet.oaid = this.formState.id
            //console.log(!this.isView,'???????????')
            if(this.isView){
                let data = {
                    fjhid:  this.formState.fjhid,
                    // fnd: new Date().getFullYear(),
                    flx: '汇总',
                    bm: this.formState.fsqks,
                }
                this.getyssbHzbd(data) // 审评
                this.getyssbKthzbd(data) // 课题汇总
                this.getyssbYshzbd(data) // 印刷
                this.getyssbPxhzbd(data) //培训
                this.getyssbHzjxzbss(data) //绩效
            }
            this.getXmyj(this.formState.id)
            this.getXmnr(this.formState.id)
            this.getDisplayList()
        },
        getDisplayList(){
            pidgetlchj({pid:this.formState.id}).then((res) => {
                let arr1 = res.result
                this.displayList = []
                this.displayList = res.result

                //console.log('arr1.length',arr1.length)

                this.displayList.forEach(async (item,index) => {
                    if(item.blrid && item.blzt!=='待办'){
                        let resa = await getMoreUserSignLinkList({ids:item.blrid})
                        if(resa.success && resa.result.length){
                            if(resa.result[0].signLink == ''){
                                this.displayList[index] = {
                                    ...item,
                                    url: null
                                }
                            } else {
                                this.displayList[index] = {
                                    ...item,
                                    url: resa.result[0].signLink+'&aa='+Date.now()
                                }
                            }
                        } else {
                            this.displayList[index] = {
                                ...item,
                                url: null
                            }
                        }
                    } else {}
                })
                //console.log('最终获得的签名图片列表---',this.displayList)
            })
        },
        getyssbHzbd(val){
            yssbHzbd({...val}).then(res => {
                if(res.success){
                    this.financeList = res.result
                    this.getyssbFirstJs({jclx: '审评'},val)
                }
            })
        },
        getyssbKthzbd(val){
            yssbKthzbd({...val}).then(res => {
                if(res.success){
                    this.ktList = res.result
                    //console.log('this.ktList', this.ktList)
                    this.getyssbFirstJs({jclx: '课题'},val)
                }
            })
        },
        getyssbYshzbd(val){
            yssbYshzbd({...val}).then(res => {
                if(res.success){
                    this.ysList = res.result
                    this.getyssbFirstJs({jclx: '印刷'},val)
                }
            })
        },
        getyssbPxhzbd(val){
            yssbPxhzbd({...val}).then(res => {
                if(res.success){
                    this.pxList = res.result
                    this.getyssbFirstJs({jclx: '培训'},val)
                }
            })
        },
        getyssbFirstJs(val,data){
            yssbFirstBmJs({...data,...val}).then(res => {
                if(res.success){
                    this.amountData.push({...val,list:[...res.result]})
                    //console.log('this.amountData',this.amountData)
                }
            })
        },
        // 绩效汇总
        getyssbHzjxzbss(val){
            yssbHzjxzbss({...val}).then(res => {
                if(res.success){
                    this.jxList = res.result
                }
            })
        },
        getAmountData(jclx,Item,type,childType){
            if(this.amountData.length == 4){
                const itemArrA = this.amountData.filter(item => item.jclx == jclx)
                // //console.log('2222222222222',itemArrA)
                const itemArr = itemArrA[0].list.filter(item => item.name == Item)
                if(childType){
                    var itemArr1 = itemArr[0].list.filter(item => item.name == childType)
                    return itemArr1[0][type]
                }
                // //console.log('itemArr4',itemArr,itemArr1)
                if(!itemArr[0][type]){
                    return 0
                }
                return itemArr[0][type]
            }
        },
        //------------------------

        descriptionsData(hjmc){
            let data = {}
            this.displayList.forEach(item => {
                // //console.log('descriptionsData000',hjmc,item)
                if(item.hjmc == hjmc){
                    data = {...item}
                }
            })
            //console.log('descriptionsData',data)
            return data
        },
        opinions(val1,val2,val3){
            //console.log(val1,val2,val3)
            this.$refs[`reviewOpinionsRef${val3}`].getData({opinionType:val1,oldVal:val2,valueData:{hjmc:val3}})
        },
        getInputOpinion(val,valueData){
            //console.log('--------',val,valueData)
            let data = this.formState
            data[valueData.hjmc] = val
            this.cform.setFieldsValue({
                ksfzryj: this.formState.ksfzryj,
                kfgldryj: this.formState.kfgldryj,
            });
        },
        saveClick(){
            this.bloading = true
            let data = {
                jobid: this.formState.jobid,
                map: {},
                oaid: this.formState.id,
                opinion: "",
            }
            if(this.linkName == '科室负责人审核'){
                data.opinion = this.formState.ksfzryj?this.formState.ksfzryj:''
                data.map = {
                    ksfzryj: this.formState.ksfzryj?this.formState.ksfzryj:''
                }
            } else if(this.linkName == '分管领导审核'){
                data.opinion = this.formState.kfgldryj?this.formState.kfgldryj:''
                data.map = {
                    kfgldryj: this.formState.kfgldryj?this.formState.kfgldryj:''
                }
            }
            bmyssbSaveFlow(data).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                } else {
                    this.$message.warning(res.message)
                }
                this.bloading = false
            })
        },
        submitClick(){
            //console.log(this.formState)
            this.cform.validateFields((err, values) => {
                if (!err) {
                    let data = {
                        jobid: this.formState.jobid,
                        map: {},
                        oaid: this.formState.id,
                        opinion: "",
                        fcwxzrid: '',
                    }
                    if(this.linkName == '科室负责人审核'){
                        data.opinion = this.formState.ksfzryj?this.formState.ksfzryj:''
                        data.map = {
                            ksfzryj: this.formState.ksfzryj?this.formState.ksfzryj:''
                        }
                    } else if(this.linkName == '分管领导审核'){
                        data.opinion = this.formState.kfgldryj?this.formState.kfgldryj:''
                        data.map = {
                            kfgldryj: this.formState.kfgldryj?this.formState.kfgldryj:''
                        }
                    }
                    var that = this
                    that.$confirm({
                        title: '您确定要提交吗?',
                        onOk() {
                            that.tloading = true
                            bmyssbSubmitFlow(data).then(res => {
                                if(res.success){
                                    that.$message.success(res.message)
                                    that.$emit('success')
                                    that.auditingVisible = false
                                    that.visible = false
                                } else {
                                    that.$message.warning(res.message)
                                }
                                that.tloading = false
                            })
                        },
                        onCancel() {},
                    })
                }
            })
        },
        returnClick(){
            this.cform.validateFields((err, values) => {
                if (!err) {
                    var that = this
                    that.$confirm({
                        title: '您确定要退回经办人填写吗?',
                        onOk() {
                            that.spinning = true
                            queryJobByJobId({jobid:that.formState.jobid}).then(res => {
                                let list = res.result
                                let slist = list.filter(item => item.fhjmc == '填写')
                                const sortedDates = slist.sort((a, b) => new Date(b) - new Date(a));
                                that.returnFuntion(that.formState.jobid,sortedDates[slist.length - 1].id)
                            })
                        },
                        onCancel() {},
                    });
                }
            })
        },
        returnFuntion(jobid,ids){
            let returnStr = ''
            if(this.linkName == '科室负责人审核'){
                returnStr = this.formState.ksfzryj
            } else if(this.linkName == '分管领导审核'){
                returnStr = this.formState.kfgldryj
            }
            let data = {
                jobid: jobid,
                opinion: returnStr,
                shjid: ids,
            }
            this.tloading = true
            returnUpperzdyFlowJob(data).then(res => {
                if(res.code == 200){
                    this.$emit('success')
                    this.$message.success(res.message)
                    this.auditingVisible = false
                    this.visible = false
                } else {
                    this.$message.error(res.message)
                }
                this.tloading = false
            })
        },
        // 项目依据
        getXmyj(ids,val){
            this.xmyjSpinning = true
            bmyssbGetXmyjList({bmyssbid: ids}).then(res => {
                this.xmyjTableData = []
                if(res.success){
                    this.xmyjTableData = res.result
                    if(val){
                        this.$message.success('刷新成功')
                        this.xmyjTableData.forEach((item,index) => {})
                    }
                }
                this.xmyjSpinning = false
            })
        },
        xmyjAddFuntion(){
            bmyssbAddXmyj({bmyssbid: this.formState.id}).then(res => {
                if(res.success){
                    this.getXmyj(this.formState.id)
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        xmyjDeleteFuntion(ids){
            var that = this
            that.$confirm({
                title: '您确定要删除此条数据吗?',
                onOk() {
                    bmyssbDeXmyj({id: ids}).then(res => {
                        if(res.success){
                            that.getXmyj(that.formState.id)
                            that.$message.success(res.message)
                        } else {
                            that.$message.error(res.message)
                        }
                    })
                }
            })
        },
        bmyssbEditXmyjFuntion(val){
            bmyssbEditXmyj({...val}).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        // 项目内容
        getXmnr(ids,val){
            this.xmnrSpinning = true
            bmyssbGetXmnrList({bmyssbid: ids}).then(res => {
                this.xmnrTableDataJc = []
                this.xmnrTableDataKt = []
                this.xmnrTableDataYs = []
                this.xmnrTableDataPx = []
                if(res.success){
                    let result = res.result
                    result.forEach((item,index) => {
                        if(item.lx == '审评'){
                            this.xmnrTableDataJc.push(item)
                        } else if(item.lx == '课题'){
                            this.xmnrTableDataKt.push(item)
                        } else if(item.lx == '印刷'){
                            this.xmnrTableDataYs.push(item)
                        } else if(item.lx == '培训'){
                            this.xmnrTableDataPx.push(item)
                        }
                    })

                    if(val){
                        this.$message.success('刷新成功')
                    }
                }
                this.xmnrSpinning = false
            })
        },
        xmnrAddFuntion(type1,type2){
            bmyssbAddXmnr({bmyssbid: this.formState.id,lx: type1,lxs:type2}).then(res => {
                if(res.success){
                    this.getXmnr(this.formState.id)
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        zxsjOnChange(val1,val2,val3) {
            //console.log(val1,val2,val3);
            let data = {
                ...val2,
            }
            data[val3] = val1?moment(val1).format('YYYY-MM'):'',
            //console.log(data)
            this.bmyssbEditXmnrFuntion(data)
        },
        bmyssbEditXmnrFuntion(val){
            bmyssbEditXmnr({...val}).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                    this.getXmnr(this.formState.id)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        xmnrDeleteFuntion(ids){
            var that = this
            that.$confirm({
                title: '您确定要删除此条数据吗?',
                onOk() {
                    bmyssbDeXmnr({id: ids}).then(res => {
                        if(res.success){
                            that.getXmnr(that.formState.id)
                            that.$message.success(res.message)
                        } else {
                            that.$message.error(res.message)
                        }
                    })
                }
            })
        },
        // ---
        closeVisible() {
            this.visible = false
        },
        summaryActiveChange(key) {
            this.summaryActiveKey= key

            if( this.summaryActiveKey == '绩效申报计划'){
                this.getPerformance('1')
            }
        },
        emitFormid(val){},
        //
        getPerformance(isOpen){
            let data = {
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id
            }
            bmyssbListjxsb(data).then(res => {
                if(res.success){
                    this.performanceList = []
                    this.performanceList = res.result.records
                    if(this.performanceList.length){
                        this.performancetableList = []
                        this.performanceList.forEach(async(item,index) => {
                            this.getbmyssbListjxzb(item.id)
                            if(isOpen == '1'){
                                this.performanceKeyArr.push(index.toString())
                            }
                        })
                    }
                }
            })
        },
        handlePerformanceModal(){
            this.performanceType = ''
            this.addPerformanceTypeVisible = true
        },
        // 绩效
        addPerformance(){
            //console.log('mmmmmmmmmm',this.formState)
            let data = {
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
                flx: this.performanceType,
                fzcxm: this.performanceType,
            }
            //console.log('绩效data：',data)
            bmyssbAddjxsb(data).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                    this.getPerformance()
                    this.addPerformanceTypeVisible = false
                }
            })
        },
        gettableList(index,name){
            //console.log('KKKKKKKKKKKKKKKKKKKk',this.performancetableList.length,this.performancetableList)
            if(this.performancetableList.length){
                //console.log('LLLLLLLLLLLLLLLLL',this.performancetableList[index][name])
                return this.performancetableList[index][name]
            }
            //console.log('00000000000000000000000')
            return []
        },
        delPerformance(ids){
            var that = this
            that.$confirm({
                title: '您确定要删除该条绩效数据吗?',
                onOk() {
                    that.spinning = true
                    let data = {
                        id: ids
                    }
                    bmyssbDeletejxsb(data).then(res => {
                        if(res.success){
                            that.getPerformance()
                            that.$message.success(res.message)
                        } else {
                            that.$message.error(res.message)
                        }
                        that.spinning = false
                    })
                }
            })
        },
        performanceSave(val){
            let data = {
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
            }
            bmyssbEditjxsb({...data,...val}).then(res => {
                if(res.success){
                    this.getPerformance()
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        // 指标
        getbmyssbListjxzb(ids,val){
            let data = {
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
                fyssbxjid: ids
            }
            bmyssbListjxzb(data).then(res => {
                if(res.success){
                    // this.performancetableList = []

                    let Item = res.result.records
                    // if(item.length > 0){
                        this.performanceList.forEach((itema,indexa) => {
                            if(itema.id == ids){
                                this.performancetableList[indexa] = {
                                    performancetable1: [],
                                    performancetable2: [],
                                    performancetable3: [],
                                }
                                //console.log('this.performancetableList===========111',this.performancetableList)
                                if(Item.length > 0){
                                    Item.forEach((item,index) => {
                                        if(item.fyjzblx == '产出指标'){
                                            this.performancetableList[indexa].performancetable1.push(item)
                                        } else if(item.fyjzblx == '效益指标'){
                                            this.performancetableList[indexa].performancetable2.push(item)
                                        } else if(item.fyjzblx == '满意度指标'){
                                            this.performancetableList[indexa].performancetable3.push(item)
                                        }
                                    })
                                }
                            }
                        })
                    // }
                    if(val){
                        this.$message.success(res.message)
                    }
                }
                //console.log('this.performancetableList===========',this.performancetableList)
                this.jxTableKey = Date.now()
            })
        },
        performancetableAdd(ids,lx,val1,val2){
            let data = {
                fyjzblx: val1,
                fejzblx: val2,
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
                fyssbxjid: ids,
                flx: lx
            }
            bmyssbAddjxzb(data).then(res => {
                if(res.success){
                    this.getbmyssbListjxzb(ids)
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        performancetableEdit(type,val1,val2,ids,itemId){
            let data = {
                fsjzb: val1,
                fzbz: val2,
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
                // fyssbxjid: itemId,
                id: ids,
            }
            // if(type == '数量指标'){
            //     data = {
            //         ...data,
            //         fcczbslzb: val1,
            //         fcczbslzbzbz: val2
            //     }
            // } else if(type == '质量指标'){
            //     data = {
            //         ...data,
            //         fcczbzlzb: val1,
            //         fcczbzlzbzbz: val2
            //     }
            // } else if(type == '时效指标'){
            //     data = {
            //         ...data,
            //         fcczbsxzb: val1,
            //         fcczbsxzbzbz: val2
            //     }
            // } else if(type == '成本指标'){
            //     data = {
            //         ...data,
            //         fcczbcbzb: val1,
            //         fcczbcbzbzbz: val2
            //     }
            // } else if(type == '社会效益指标'){
            //     data = {
            //         ...data,
            //         fxyzbsgxyzb: val1,
            //         fxyzbshxyzbzbz: val2
            //     }
            // } else if(type == '可持续影响指标'){
            //     data = {
            //         ...data,
            //         fxyzbkcxyxzb: val1,
            //         fxyzbkcxyxzbzbz: val2
            //     }
            // } else if(type == '服务对象满意度指标'){
            //     data = {
            //         ...data,
            //         fmydzbfwdxmydzb: val1,
            //         fmydzbfwdxmydzbzbz: val2
            //     }
            // }
            bmyssbEditjxzb(data).then(res => {
                if(res.success){
                    this.getbmyssbListjxzb(itemId)
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        selecToftenUse(type,val1,val2,ids,itemId,zifu){
            //console.log(val1,val2)
            let data = {
                fsjzb: val1,
                fzbz: (val2?val2:'')+zifu,
                fjhid: this.formState.fjhid,
                // fnd: this.formState.fnd,
                fbmyssbid: this.formState.id,
                // fyssbxjid: itemId,
                id: ids,
            }
            //console.log('/////////////////',data)
            // }
            bmyssbEditjxzb(data).then(res => {
                if(res.success){
                    this.getbmyssbListjxzb(itemId)
                }
            })
        },
        performancetableDel(ids,itemId){
            var that = this
            that.$confirm({
                title: '您确定要删除此条绩效指标吗?',
                onOk() {
                    bmyssbDeletejxzb({id: ids}).then(res => {
                        if(res.success){
                            that.getbmyssbListjxzb(itemId)
                            that.$message.success(res.message)
                        } else {
                            that.$message.error(res.message)
                        }
                    })
                }
            })
        },
        // ---
        onSave(val){
            let data = {
                id: this.formState.id,
                ...val
            }
            bmyssbEdit(data).then(res => {
                if(res.success){
                    this.formState = res.result
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        onSubmit(){
            this.form.validateFields((err, values) => {
                if (!err) {
                    var that = this
                    that.$confirm({
                        title: '您确定全部数据包括预算申报计划以及绩效申报计划已填写完毕，要发起审批流程吗?',
                        onOk() {
                            that.spinning = true
                            bmyssbInitBzFlow({...that.formState,fsffqlc:'是'}).then(res => {
                                if(res.success){
                                    that.$emit('success')
                                    that.$message.success(res.message)
                                    that.visible = false
                                } else {
                                    that.$message.error(res.message)
                                }
                                that.spinning = false
                            })
                        }
                    })
                }
            })
        },
        exportClickTable(type){
            let list = this.exportData[this.exportData.findIndex(item => item.type == type)]
            //console.log('list',list)
            var fileName = list.fileName + '汇总'
            var item = {
                jhid: this.formState.fjhid,
                flx: '汇总'
            }
            axios({
                url: list.url,
                method:'get' ,
                params: {...item},
                url_2:'outside',
                responseType: 'blob'
            }).then((data)=>{
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        printClickYuSuanOnly(valName,val){
            let yuSuanData = {
                jcList:[],
                ktList: [],
                ysList: [],
                pxList: [],
            }
            yuSuanData[valName] = val
            this.$refs.printModalRef.getData(false,{val1:yuSuanData,val5:this.amountData},true)
        },
        printJx(){
            this.$refs.printModalRef.getData(false,{val2:this.jxList})
        },
        printClick(){
            let yuSuanData = {
                jcList:this.financeList,
                ktList: this.ktList,
                ysList: this.ysList,
                pxList: this.pxList,
            }
            this.$refs.printModalRef.getData(false,{val1:yuSuanData,val2:this.jxList,val3:this.formState,val4:this.performanceList,val5:this.amountData})
        }
    }
}
</script>
<style lang="less">
.budgetDeclaration-department-fullmodal {
    .ant-modal {
        background-color: #5ca3e5;
        position: static;
        width: 100%;
        height: 100%;
        top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 auto !important;
    }
    .ant-modal-content {
        height: 100%;
    }
    .ant-modal-body {
        padding: 15px !important;
        background-color: white;
        overflow-y: auto;
        height: calc(100vh - 108px) !important;
    }
    .ant-modal-wrap {
        background-color: white;
    }
    .ant-list-empty-text {
        padding: 0px !important;
    }
    .ant-empty-normal {
        margin: 0px !important;
    }
    .budgetDeclaration-department-div-box {
        .tabs-card-edit-box{
            margin: 5px 15px 0 15px;
            .ant-tabs-bar{
                // border: 0 !important;
                border-color: #38f !important;
                margin: 0 !important;
            }
            .ant-tabs-tab{
                background: #edeff3 !important;
                font-size: 14px !important;
                margin-left: 1px !important;
                height: 30px !important;
                line-height: 30px !important;

            }
            .ant-tabs-tab-active{
                margin: 0 !important;
                margin-left: 0 !important;
                margin-right: 1px !important;
                background-color: #38f !important;
                color: #fff !important;
                height: 32px !important;
                border: 1px solid #38f !important;
                border-bottom: 0 !important;
                padding:0 15px !important;

            }
            .ant-tabs-nav-container{
                height: 32px !important;
            }
        }
        .tab-box-v1{
            border: 1px solid #38f;
            border-top: 0;
            margin: 0 15px;
            // height: calc((100vh - 260px) / 2 );
            height: calc(100vh - 200px);
            overflow: auto;
            overflow-y: auto;
            .form-title {
                text-align: center;
            }
            .ant-collapse-header {
                width: 100% !important;
            }
            .colour-table {
            th {
                background-color: #bcd4ec !important;
            }
            tr:nth-child(odd){
                background-color: #eef5fb;
            }
            .tr-hj {
                th {
                    background-color: #e7ecd6 !important;
                }
                td {
                    background-color: #e7ecd6 !important;
                }
            }
            .tr-zj {
                th {
                    background-color: #cef1d3 !important;
                }
                td {
                    background-color: #cef1d3 !important;
                }
            }
        }
        .color-Table-jiXiao {
            tr:nth-child(odd){
                background-color: #eef5fb;
            }
            th, .td-itema {
                background-color: #7facd6 !important;
            }
            .td-itemb {
                background-color: #ffffff !important;
            }
            .td-itemc1 {
                background-color: #bcd4ec !important;
            }
            .td-itemc2 {
                background-color: #bfbbda !important;
            }
            .td-itemc3 {
                background-color: #e8b7d4 !important;
            }
            .td-itemd {}
        }
        }
        .budgetDeclaration-department-form-box {
            padding: 0 15px;
            margin-top: 20px;
            .ant-descriptions-bordered .ant-descriptions-item-label{
                font-weight: 600;
                color: rgba(0, 0, 0, 0.85);
                background-color:#e6f7ff;
                width: 150px !important;
                text-align: center;
                font-size: 16px;
                font-family:simHei !important;
            }
            .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
                padding: 5px 10px !important;
                .ant-form-item {
                    margin-bottom: 0 !important;
                }

            }
            .descriptions-row .descriptions-label-slot{
                display: flex;
                align-items: center;
                width: 120px !important;//确保左侧固定文字不会换行
                justify-content: center;
                text-align: center;
            }
            .xhText{
                color: #f5222d;
                line-height: 31px;
                font-size: 14px;
                font-weight: 600;
                height: 30px;
            }
            .descriptions-item-center{

            }
            .ant-form-inline .ant-form-item-with-help{
                margin-bottom: 0px !important;
            }
            .zm-form-model{
                display: flex;
                .ant-form-item-control-wrapper{
                    flex: 1;
                }
                .ant-input-number {
                    width: calc(100% - 40px);
                }
            }
            .ant-descriptions-bordered .ant-descriptions-row{
                border-bottom: 1px solid #e4e3e3;
            }
            .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
                border-right: 1px solid #e4e3e3;
                min-width: 100px;
            }
            .ant-descriptions-bordered .ant-descriptions-view{
                border: 1px solid #e4e3e3;
                border-right: 0;
            }
            .ant-descriptions-row:last-child{
                border-bottom: 0;
            }
            .ant-descriptions-title {
                margin-top: 20px;
                margin-bottom: 0px !important;
            }
            .vxe-table .ant-input-number {
                width: 100% !important;
            }
            .performance-table {
                margin: 10px 0px;
                .performance-table-title {
                    color: rgba(0, 0, 0, 0.85);
                    font-weight: bold;
                    font-size: 16px;
                    line-height: 1.5;
                    text-align: left;
                }
                .performance-table-body {
                    border: 1px solid #e4e3e3;
                    padding: 12px;
                }
            }
            .ant-collapse-extra {
                position: unset;
            }
        }
        .yjqm-right-bottom {
            text-align: right;
            margin-right: 20px;
            margin-bottom: 10px;
            line-height: 30px;
        }
        .yjqmImg {
            width: 100px;
            height: 30px;
            padding-right: 20px;
        }
        .compSelectorHydd {
            div:first-child {
            width: 200px;
            }
        }
        .comp-select-box-hys-ksdw {
            .ant-checkbox-group-item {
                width: 180px !important;
                margin: 0px !important;
                padding-bottom: 5px;
                text-align: left;
                font-weight: 100;
            }
        }
    }
}
</style>
